<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div class="body">
			<form>
			<hr />
			<div class="method1">
				<input type="checkbox" id="id1"/><h2 style="display: inline">系统管理</h2><br />
				<input type="checkbox" />用户管理
				<input type="checkbox"/>参数管理
				<input type="checkbox" />权限管理
				<input type="checkbox" />日常管理
				<input type="checkbox"/>财务管理
				
			</div>
			<hr />
			<div class="method2" >
				<input type="checkbox" id="id2"/><h2 style="display: inline">鲜花订单管理</h2><br />
				<input type="checkbox" />增加订单
				<input type="checkbox" />订单发货
				<input type="checkbox" />在线结算
				<input type="checkbox" />原料管理 
				
			</div>
			<hr />
			<div class="method1" >
				<input type="checkbox" id="id3"/><h2 style="display: inline">客户管理</h2><br />
				<input type="checkbox" />增加用户
				<input type="checkbox" />查找用户
				<input type="checkbox" />用户维护 
				<input type="checkbox" />生日祝贺 
				<input type="checkbox" />删除用户 
				
			</div>
			<hr />
			<div class="method4">
					<input type="button" value="全选" id="all"/>
					<input type="submit" value="提交"/>
					<input type="reset" value="重置"/>
				</div>
				</form>
		</div>
		<script src="js/jquery-1.12.4 (1).js"></script>
		<script type="text/javascript">
			var i=0;
			$(function(){
				$("#id1").click(function(){
					$("#id1~input").prop("checked",$(this).prop("checked"));
				});
				$("#id2").click(function(){
					$("#id2~input").prop("checked",$(this).prop("checked"));
				});
				$("#id3").click(function(){
					$("#id3~input").prop("checked",$(this).prop("checked"));
				});
				$("#all").click(function(){
					++i;
					if(i%2==1){
					$("body :checkbox").prop("checked",true);
				}else{
					$("body :checkbox").prop("checked",false);
				}
			})
				$(":checkbox").not("#id1").not("#id2").not("#id3").click(function(){
					$(this).parent().children(":first").prop("checked",true);
				})
			})
		</script>
	</body>
</html>
